@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#124cba;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#fff;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#124cba;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #fff;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}


.sj_nav_li{margin:0px 15px;border-bottom:1px solid #fff;}
.sj_nav_li a{font-size:16px;color:#fff;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li .navl{width:100%;float:left;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{background-color:#f00;}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	.index5_pro_right{ width:52%; position:relative; float:right;}
	.index5_pro_right_con{ width:80%; position:absolute; z-index:99; top:30%; left:13%;}
	.index5_pro_right_tit{ font-size:24px; height:54px; overflow:hidden;}
	.index5_pro_right_adv li{font-size:16px;}
	.index5_pro_right_adv li img{ margin-top:0;}
	.index5_pro_right_adv li p{ float:left;}
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.header{width:98%;}
	
	
	.nava{width:52%;}
	.index5_pro_right{ width:52%; position:relative; float:right;}
	.index5_pro_right_con{ width:80%; position:absolute; z-index:99; top:25%; left:13%;}
	.index5_pro_right_tit{ font-size:22px;}
	.index5_pro_right_adv li{font-size:16px;}
	.index5_pro_right_adv li img{ margin-top:0;}
	.index5_pro_right_adv li p{ float:left;}
	
	

	
}
@media screen and (max-width: 1200px){

	.tel{ font-size:18px;}
	.index5_pro_right{ width:52%; position:relative; float:right;}
	.index5_pro_right_con{ width:80%; position:absolute; z-index:99; top:30%; left:13%;}
	.index5_pro_right_tit{ font-size:18px;}
	.index5_pro_right_adv li{font-size:16px;}
	.index5_pro_right_adv li img{ margin-top:0;}
	.index5_pro_right_adv li p{ float:left;}
	.index5_pro_more{ display:none;}
	
	
	.index3_left{ width:25%; margin-left:5%;}
	.index3_left2{ font-size:24px; color:#212121;}
	
	.index6_adv .picout li .con .txt .index6_tit2 p{ font-size:24px;}
	.index6_adv .wz li{ font-size:24px;}
	
	.index7_main li{ width:31.3%; min-height:400px; float:left; position:relative; margin-right:2%; margin-top:2%;}
	.index7_main li:nth-child(2n){ margin-right:2%;}
	.index7_main li:nth-child(3n){ margin-right:0;}
	.index7_main li .index7_con2{ font-size:24px; color:#262626; float:right; margin-right:30px; margin-top:10px;}
	.index7_main li .index7_line{ min-height:330px;}
	.index7_main li:nth-child(2n-1) .index7_line{ bottom:5%; top:0;}

	


}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.sj_nav_all{display:block;}
	
	.banner1_1{width:70%;left:0%;top:15%;}
	.banner2_1{width:70%;left:0%;top:15%;}
	.banner3_1{width:70%;left:0%;top:15%;}

	
	.index1_top{ text-align:center; color:#888888; font-size:16px;}
	.index1_top1{ color:#262626; font-size:24px; margin-bottom:10px;}
	.index1_top1 img{ display:none;}
	.index1_main li{ width:46%; margin-top:30px;}
	.index1_main li:nth-child(2n){ margin-right:0;}
	.index1_main li .adv_tit{ font-size:18px;}
	
	.index2{ margin-top:40px;}
	
	.index3_left{ width:90%; margin-left:5%; margin-top:30px;}
	.index3_left1{ font-size:18px; color:#636363;}
	.index3_left2{ font-size:20px; margin:10px 0; color:#212121;}
	.index3_left3{ font-size:14px; color:#9c9c9c; margin-bottom:20px;}
	.index3_left span{ font-size:16px; border:1px solid #dadada; border-radius:30px; padding:10px 20px; }
	.index3_right{ width:100%; margin-left:0%; background:#124cba; padding:3% 0; margin-top:50px;}
	.index3_right li{ width:46%; float:left; text-align:center; color:#fff; margin-left:5%; margin-top:5%;}
	.index3_right li p{ font-size:34px; font-family:Atilla; padding:10px 0;}
	.index3_right li:nth-child(2n){ margin-left:0;}
	
	.index4_left{ width:100%; float:none;}
	.index4_left img{ width:100%;}
	.index4_right{ width:100%; float:none; margin-top:25px; background:url(../Image/p11.jpg) left center no-repeat;}
	.index4_right_top p{ font-size:18px; color:#3c3c3c;}
	.index4_right_top img{ max-width:100%; margin-top:10px;}
	.index4_honor li{ width:47%; float:left; margin:1%; border:1px solid #c1c1c1; border-radius:5px; text-align:center;}
	
	.index5_pro{ margin-top:40px;}
	.index5{ margin-top:40px;}
	.index5_type a{width:47%; margin:1%;}
	.index5_pro_left{ width:98%; float:none; background:#124cba; padding:1%;}
	.ct-banner{height:326px;}
	.ct-focusbox{ height:326px;}
	.ct-focusimg{ height:326px;}
	.ct-fimglist li{height:326px;}
	
	
	.index5_pro_right{ display:none;}
	
	.index5_pro2 .item li{ width:48%; margin:2% 2.5% 2% 0; float:left;transition: all 0.8s ease 0s;}
	.index5_pro2 .item li:nth-child(2n){ margin-right:0;}
	.index5_pro2 .item .title{line-height:27px;}
	
	.index6_bj{ padding:40px 0;}
	.index6_adv .picout li .con .txt{width:90%;float:none; margin-left:5%; padding-top:30px; margin-bottom:30px;}
	.index6_adv .picout li .con .index6_right{ width:100%;float:none; position:relative;}
	.index6_adv .picout li .con .txt .index6_img img{ width:21.3%; margin-right:3%;}
	.index6_adv .picout li .con .txt .index6_tit2 p{ font-size:22px; color:#124cba;}
	.index6_right_con p{ font-size:18px;}
	.index6_adv .wz li{ font-size:18px;}
	
	.index7{ margin-top:40px;}
	.index7_main{ margin-top:40px;}
	.index7_main li{ width:49%; min-height:400px; float:left; position:relative; margin-right:2%; margin-top:2%;}
	.index7_main li:nth-child(2n){ margin-right:0;}
	.index7_main li .index7_con2{ font-size:24px; color:#262626; float:right; margin-right:30px; margin-top:10px;}
	.index7_main li .index7_line{ min-height:330px;}
	.index7_main li:nth-child(2n-1) .index7_line{ bottom:5%; top:0;}
	.index7_main li:nth-child(3n){ margin-right:2%;}
	
	
	.index8_main{ margin-top:40px;}
	.index-news-left-title .type a{ display: block; margin:0 auto; margin-top:20px;}
	.index-news-left-title{ height:auto; margin-bottom:30px;}
	.index-news-left-title .type{ height:auto; text-align:center;}
	
	.foot_left{ width:100%; float:none;overflow: hidden;}
	.foot_top{ font-size:20px;}
	.foot_mes{ width:100%; float:none; margin-left:0%; margin-top:30px;}

	.foot_nav{ display:none;}
	
	.inner_banner{ padding:15% 0 8% 0; }
	.inner_banner_img img{ max-width:80%;}
	.inner_banner .catname{ font-size:18px; color:#ffffff; margin-top:30px;}
	.inner_banner .catname p{ font-size:26px;}
	.inner_banner .crumbs{  font-size:16px; color:#ffffff; margin-top:30px;}

	.inner_top li{ float:left; padding:0; border-right:1px solid #c8cbd4; width:24.5%; text-align:center; font-size:16px;}

	.inner_about1{ margin:40px auto;}
	.inner_about1_top{ position:relative;}
	.inner_about1_top p{font-size:80px; color:#ebebeb;}
	.inner_about1_top span{ font-size:24px; color:#000000; position:absolute; top:37%; z-index:9;}
	.inner_about1_img{ width:100%; float:none;}
	.inner_about1_con{ float:none; width:100%;}
	
	.inner_about2_top p{font-size:80px; color:#345fbe;}
	.inner_about2_top span{ font-size:24px; color:#ffffff; position:absolute; top:37%; z-index:9;}
	.inner_about2_main li{ float:none; width:100%; margin-right:0%; background:#fff; padding-bottom:30px; margin-bottom:30px;}
	
	.inner_about4_top p{font-size:50px; color:#d5d9e3;}
	.inner_about4_top span{ font-size:24px;}
	.inner_about4_main li{ float:left; width:49%; margin-right:1%; margin-top:1%; background:#fff;}
	.inner_about4_main li:nth-child(5n){ margin-right:1%;}

	
	.inner_pro_main .pro li{ float:left; width:48%;}
	.inner_pro_main .pro li:nth-child(2n){ margin-right:0;}
	.inner_pro_main .pro li .title{ width:90%; margin:0 auto;color:#2f2f2f; font-size:16px; margin-top:10px;}	
	
	.proshow{ background:#e7eaf2; margin-top:75px;}
	.pro_img{ width:100%; float:none;}
	.pro_img img{ width:100%;}
	.pro_txt{ width:90%; float:none; margin-left:5%; margin-top:30px;}
	.pro_txt_tit{ font-size:24px;}
	.pro_txt_adv li{ font-size:18px;}
	.pro_txt_more li{ float:left; width:48%; line-height:38px; font-size:18px; border-radius:38px; text-align:center; margin-right:1%; margin-top:20px;}
	.pro_rec{ width:90%; float:none; background:#fff; margin:30px auto;}
	.pro_rec_top{ color:#ebebeb; font-size:18px; background:#1749b8; text-align:center; line-height:50px;}
	.pro_rec ul{ margin:0;}
	.pro_rec ul li{ width:46%; margin:2%; float:left;}
	
	.pro_info_news li{ width:48%; margin:1%; float:left;}


	
	.news{margin-top:2%;}
	.news_list li{width:47.3%;height:auto; margin:1%;-webkit-transition:all 0.4s;transition:all 0.4s; float:left; border:1px solid #bebebe;}
	.news_list li:nth-child(3n){ margin-right:1%;}
	.news_list_title{line-height:64px; font-size:18px;}

	.honor_list li{ width:48%; margin:1%; float:left;}

	
	.contact-map{ position:relative; margin-top:5%;}
	.inner_contact_main{ position:relative; height: auto;}
	#dituContent{ width:100%; height:350px;}
	.inner_contact_main ul{ position:relative; z-index:9; left:0%; top:0;}

	
	.inner_message_left{ width:100%; float:none; font-size:16px; color:#878787;}
	.inner_message_main{ width:100%; float:none; margin-top:20px;}
	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_main #captcha{ float:left; width:60%;}
	.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:100%; margin-right:0%; float:none;}

	.inner_message{ border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:11px solid #1749b8; width:90%; padding:5%;}
	.inner_message_top{ width:100%; float:none;}
	.inner_message_top1{ color:#1749b8; font-size:22px;}
	.inner_message_top_line{ width:100%; height:1px; background:#e6e6e6; position:relative; margin-bottom:20px;}
	.inner_message_top_line p{ width:40px; height:3px; background:#1749b8; position:absolute; top:-1px;}
	.inner_message_top2{ color:#acacac; font-size:16px; margin:20px 0;}
	.inner_message_main{ width:100%; float:none;}
	.inner_message_top_tel{ color:#686868; font-size:16px; margin-top:50px;}
	.inner_message_top_tel p{ color:#c4161b; font-size:28px; margin:5px 0;}
	.inner_message_top_tel span{ color:#303030; font-size:18px;}


	

	
}
@media screen and (max-width: 772px){
	
	
	
	.index5_pro_right{ display:none;}
	.index6_right_con p{ width:40px; font-size:16px; margin-left:10px;}
 	.index7_main li{ width:49%; min-height:400px; float:left; position:relative; margin-right:2%; margin-top:2%;}
	.index7_main li:nth-child(2n){ margin-right:0;}
	.index7_main li .index7_con2{ font-size:24px; color:#262626; float:right; margin-right:30px; margin-top:10px;}
	.index7_main li .index7_line{ min-height:330px;}
	
	.de-page-mian .page-inner span{ display:none;}
	.de-page-mian .page-inner input{ display:none;}
	.de-page-mian .page-inner a.page-btn{ display:none;}


}
@media screen and (max-width: 584px){

}